import {useState} from 'react'

// 兄弟 节点信息 传递
// 父组件 定义 传递的变量，协调的函数，
function App() {
    const [msg, setMsg] = useState('');

    const sendMsg = (msg) => {
        setMsg(msg);
        console.log(msg);
    };

    return (
        <div>
            <A onSendMsg={sendMsg} />
            <B message={msg}/>
        </div>
    )

}

// A 节点 调用函数，传递信息
function A({onSendMsg}) {
    const message = 'this is a message';

    return (
        <div className="App">
            this is a
            <button onClick={() => onSendMsg(message)}>sendMsg</button>
        </div>
    )
}


// B 节点 接受信息
function B({message}) {
    return <div>this is b {message}</div>
}

export default App;